<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>世纪黑卡</title>
		<link href="__PUBLIC__/Webcss/reset.css" rel="stylesheet" type="text/css" />
		<link href="__PUBLIC__/Webcss/layout.css" rel="stylesheet" type="text/css" />
		<link href="__PUBLIC__/Webcss/black_online_application.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<header class="l_header_wrap l_header_back_color">
			<!--<div class="l_header_back_opacity"></div>-->
			<div class="l_header w1200">
				<span class="l_header_black_century">BLACK CENTURY</span>
				<nav class="l_header_nav">
					<a href="index1.html">黑卡首页<span class="l_border_bottom"></span></a>
					<a class="l_header_active" href="black_online_application1.html">在线申请<span class="l_border_bottom"></span></a>
					<a href="cardholder.html">持卡人<span class="l_border_bottom"></span></a>
					<a href="blackcard_service.html">黑卡服务<span class="l_border_bottom"></span></a>
				</nav>
			</div>
		</header>
		<section class="l_content1 w1200">
			<h1 class="l_every_title">精英会籍申请</h1>
			<h2 class="l_every_title_s">Elites Member Application</h2>
			<div class="l_choose_card_no">
				<div class="l_choose">
					<div class="l_choose_main">
						<p data-type="1">不定制姓名</p>
						<p data-type="2">定制姓名 +100元</p>
						<span>62%以上的用户选择为自己或亲友定制一张带有专属姓名的黑卡</span>
					</div>
					<img src="__PUBLIC__/Webimg/index_card.png" />
				</div>
				<form class="l_unique_name_wrap">
					<input class="l_unique_name" type="text" placeholder="请输入您要定制姓名的英文大写，如LIU LU"/>
				</form>
			</div>
			<p class="btn">
				<a href="black_online_application2.html">上一步</a>
				<a href="black_online_application4.html">下一步</a>
			</p>

		</section>
		<footer class="l_footer">
			<h1 class="l_footer_title">联系我们</h1>
			<h2 class="l_footer_title_s">Contact Us</h2>
			<div class="w1200">
				<p>客服电话：010-59452601<br/>企业邮箱：service@91fintec.com<br/>地址：北京市海淀区中关村国际孵化园D座</p>
				<img src="__PUBLIC__/Webimg/code.jpg" />
			</div>
		</footer>
		<script type="text/javascript" src="__PUBLIC__/Webjs/jquery.js" ></script>
		<script>
			$('.l_choose_main p').click(function(){
				$(this).addClass('l_current').siblings().removeClass('l_current');				
				if($('.l_current').attr('data-type') == 2){
					$('.l_unique_name_wrap').show();
				}else{
					$('.l_unique_name_wrap').hide();
				}
			});
			
		</script>
	</body>

</html>